<template>
  <div id="faq">
    <Introduce>
      <template v-slot:title>
        常见问题
      </template>
    </Introduce>
    <div class="faqitem-box">
      <FaqItem>
        <template v-slot:title>
          我该如何开采珍珠?
        </template>
        <template v-slot:msg>
          您将需要使用TronLink来开采珍珠。选择农园，然后单击批准。等待几秒钟后，您将看到质押选项.
        </template>
      </FaqItem>
      <FaqItem>
        <template v-slot:title>
          为什么我的收入无法显示?
        </template>
        <template v-slot:msg>
          显示的最小值为4位数字。如果您刚质押代币不久，请耐心等待.
        </template>
      </FaqItem>
      <FaqItem>
        <template v-slot:title>
          为何网站上的数字显示会出现延迟?
        </template>
        <template v-slot:msg>
          在打开网站时，本网站将尝试与TronLink进行连接。
          Tronlink在显示资产一般都回出现延迟，Tronlink经更新后，更新的数字就能显示在网站上.
        </template>
      </FaqItem>
      <FaqItem>
        <template v-slot:title>
          各矿池是什么时候上线的?
        </template>
        <template v-slot:msg>
          #JST和#DZI矿池上线于2020年8月25日 下午3:00 UTC时段.
        </template>
      </FaqItem>
    </div>
  </div>
</template>

<script>
import Introduce from '@/components/introduce';
import FaqItem from './FaqItem';
export default {
  components: {
    Introduce,
    FaqItem,
  },
};
</script>

<style lang="scss" scoped>
#faq {
  width: 100%;
  // height: 100%;
  max-width: 1200px;
  margin: 0 auto;
  .faqitem-box {
    & > div {
      margin-bottom: 20px;
    }
  }
}
</style>
